<?php 
require_once('header.php');
$data=Spyc::YAMLLoad('yaml/rooms.yaml');
?>


<div id="content">
	<div class="separator">
		<div class="container">
			<div class="column-1 indent1 space1">
				<h3 class="indent3">book a room</h3>
				<form action="" method="get" enctype="multipart/form-data" id="OrderForm">
					<div>
						<label><span class="text">Your Name:</span><input type="text" name="name" /></label>
						<label><span class="text">E-Mail Address:</span><input type="text" name="name" /></label>
						<label><span class="text">Home Phone:</span><input type="text" name="name" /></label>
						<label><span class="text">Length of Stay:</span><select class="select1"><option></option></select></label>
						<label><span class="text">Number in Party:</span><select class="select1"><option></option></select></label>
						<div><span class="text">Arrival Date:</span><select class="select2"><option>Month</option></select>&nbsp;<select class="select2"><option>Day</option></select>&nbsp;<select class="select2"><option>Year</option></select></div>
						Additional Comments:<br /><textarea cols="10" rows="3" name="msg"></textarea>
					</div>
					<div class=" alignright">
						<p><a onclick="document.getElementById('OrderForm').reset()" href="#"><span><span><span><span>CLEAR</span></span></span></span></a>&nbsp;&nbsp;<a onclick="document.getElementById('OrderForm').submit()" href="#"><span><span><span><span>SUBMIT</span></span></span></span></a> &nbsp;</p>
					</div>
				</form>
				<h3 class="indent3 text1 space2">latest news</h3>
				<strong>JULY 18, 2008</strong><br />Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dturient montes<a href="#">...</a>
				<p><strong>SEPT 06, 2008</strong><br />Cum sociis natoque penatibus et magni rient montecetur ridiculus mus. Nulla dui<a href="#">...</a></p>
				<p><a href="#"><b>READ MORE</b></a></p>
			</div>
			<div class="column-2">
				<h3 class="indent2">welcome</h3>
				<div class="container">
					<img class="imgindent" src="images/page1-img1.jpg" alt="" />
					<strong>Lorem ipsum dolor sit amet consecetuer adipisng elitsent vestibulum molestie lacuit mauris. Phasellus porta. </strong>
					<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magniturient montes nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuaddirbi nunc odio gravida atcursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orconec sit amet eros. Lorem ipsum dolor sit ameonsecte.</p>
				</div>
				<p><a href="#"><b>READ MORE</b></a></p>
				<div class="line"></div>
				<h3 class="indent3">Featured services</h3>
				<strong>Nulla dui. Fusce feugiat malesuada odioolor sit amet consecetuer adipisng elitsent vestibulum molestie lacuit mauris. Phasellus porta.</strong> <br />
				Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dturient montes nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odirbi nunc odio gravida atcursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orconec 
				<p><a href="#"><b>READ MORE</b></a></p>
				<div class="line"></div>
				<h3 class="indent2">every room has</h3>
				<div class="container">
					<img class="imgindent" src="images/page1-img2.jpg" alt="" />
					<div class="list1 col-1">
						<ul>
							<li><a href="#">Fusce suscipi nnaidiculus</a></li>
							<li><a href="#">Nulla dut dioatc luctus</a></li>
							<li><a href="#">Maecenas trisnec accum</a></li>
							<li><a href="#">Lorem ipsum loris fermtu</a></li>
							<li><a href="#">Sed laoreet aliqmentu</a></li>
							<li><a href="#">Aliquarat volutturprutrum</a></li>                                    
						</ul>
					</div>
					<div class="list1 col-1">
						<ul>
							<li><a href="#">Maecenas tristc accum</a></li>
							<li><a href="#">Lorem ipsum dermentu</a></li>
							<li><a href="#">Sed laoreet aliq elementu</a></li>
							<li><a href="#">Aliquarat volutper rutrum</a></li>
							<li><a href="#">Fusce suscipit ves ridculus</a></li>
							<li><a href="#">Nulla dut dio guc luctus</a></li>                                
						</ul>
					</div>
				</div>
				<p><a href="#"><b>READ MORE</b></a></p>
			</div>
		</div>
	</div>
</div>

<?php 
require_once('footer.php');
?>